<template>
	<view>
		<view class="h1" v-for="item in title" :key="item.l">
			<text class="h1-left">{{item.title}}</text>
			<view class="h1-right">
				<text>{{item.xx}}</text>
				<image :src="item.img"></image>
				<view class="h1-jiant"></view>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				toux:"../static/image/toux.png",
				title:[
					{"title":"个人主页","xx":"","img":"../static/image/toux.png"},
					{"title":"实名认证","xx":"王磊","img":"../static/image/sm.png"},
					
				]
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped>
	.bigbox{
		width: 750rpx;
		height: 100vh;
	}
	
.h1{
	width: 670rpx;
	height: 150rpx;
	border-bottom: 1rpx solid gray;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.h1-left{
	height: 15rpx;
	line-height: 150rpx;
	font-size: 32rpx;
	font-weight: bold;
}
.h1-right{
	display: flex;
}
.h1-right image{
	width: 100rpx;
	height: 100rpx;
	margin-top: 25rpx;
}
.h1-right text{
	line-height: 150rpx;
	font-size: 32rpx;
	
	margin-right: 10rpx;
}
.h1-jiant{
	width: 25rpx;
	height: 25rpx;
	border-top: 2rpx solid gray;
	border-right: 2rpx solid gray;
	transform:rotate(45deg);
	margin-top: 57rpx;
	margin-left: 5rpx;
}
</style>
